<template>
  <div id="centerRight3">
    <chartBox title="“其他”">
      <div class="kpi_warp">
        <div class="item flex_center js-bt">
          <div class="txt">
            领导干部出现场次数
          </div>
          <div class="num">
            {{ apiData.chuChangNum || 0}}
          </div>
        </div>
        <div class="item flex_center js-bt mt-14">
          <div class="txt">
            领导干部到执法办案中心次数
          </div>
          <div class="num">
            {{apiData.banAnNum || 0}}
          </div>
        </div>
      </div>
    </chartBox>
  </div>
</template>

<script>

import chartBox from '_c/chartBox.vue'

export default {
  props: {
    apiData: {}
  },
  data() {
    return {}
  },
  components: {chartBox}
}
</script>

<style lang="scss" scoped>
#centerRight3 {
  $box-height: 410px;
  $box-width: 340px;

  .kpi_warp {
    padding: 22px 24px;

    .item {
      background-image: url("@/assets/img/right_3_box_bg.png");
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center center;
      padding: 16px 25px;

    }
    .mt-14{
      margin-top: 14px;
    }
    .txt {
      font-weight: 500;
      font-size: 14px;
      color: #B4D7EE;
      line-height: 14px;
      text-align: left;
    }

    .num {
      font-weight: 500;
      font-size: 16px;
      color: #16B3E0;
      line-height: 16px;
      text-align: right;
    }
  }
}
</style>
